$(function() {
    initArticleList()
    var layer = layui.layer
    var form = layui.form
    var indexAdd = null
    $('#btnAddCate').on('click', function() {
            indexAdd = layer.open({
                type: 1,
                area: ['500px', '250px'],
                title: '添加文章分类',
                content: $('#dialog_add').html()
            })
        })
        // 通过代理的形式绑定事件
    $('body').on('submit', '#form_add', function(e) {
        e.preventDefault();
        // console.log('ok');
        $.ajax({
            method: 'POST',
            url: '/my/article/addcates',
            data: $(this).serialize(),
            success: function(res) {
                if (res.status !== 0) return layer.msg('添加分类失败！');
                initArticleList()
                layer.msg('添加分类成功！')
                layer.close(indexAdd);
            }
        })
    })
    var indexEdit = null
    $('body').on('click', '#btnEdit', function(e) {
        e.preventDefault();
        // console.log('ok');
        var id = $(this).attr('data-id');
        $.ajax({
            method: 'GET',
            url: '/my/article/cates/' + id,
            success: function(res) {
                // console.log(res);
                if (res.status !== 0) return layer.msg("获取分类信息失败！")
                indexEdit = layer.open({
                    type: 1,
                    area: ['500px', '250px'],
                    title: '修改文章分类',
                    content: $('#dialog_edit').html()
                })
                form.val('form_edit', res.data)
            }
        })
    })
    $('body').on('submit', '#form_edit', function(e) {
        e.preventDefault();
        // console.log('ok');
        $.ajax({
            method: 'POST',
            url: '/my/article/updatecate',
            data: $(this).serialize(),
            success: function(res) {
                if (res.status !== 0) return layer.msg('更新分类失败！');
                initArticleList()
                layer.msg('更新分类成功！')
                layer.close(indexEdit);
            }
        })
    })
    $('tbody').on('click', '.btnDel', function() {
        // console.log('ok');
        var id = $(this).attr('data-id');
        layer.confirm('确定删除?', { icon: 3, title: '提示' }, function(index) {
            //do something
            $.ajax({
                method: 'GET',
                url: '/my/article/deletecate/' + id,
                success: function(res) {
                    if (res.status !== 0) return layer.msg('删除分类失败！')
                    layer.msg('删除分类成功！')
                    initArticleList()
                    layer.close(index);
                }
            })

        });

    })

    function initArticleList() {
        $.ajax({
            method: "GET",
            url: '/my/article/cates',
            success: function(res) {
                var htmlStr = template('tpl_table', res)
                $('tbody').html(htmlStr)
            }
        })
    }
})